<template>
  <base-breadcrumb>
    <template>
      <div class="table-page-search-wrapper">
        <titleName title="基本信息"></titleName>
        <a-form-model ref="ruleForm" :model="form" hideRequiredMark="true">
          <a-row :gutter="24">
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="所属分公司："
                prop="branchComName"
                :labelCol="{ lg: { span: 7 }, sm: { span: 6 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="所属项目："
                prop="projectName"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="名称："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="发包人全称："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="规定施工图预算编制完成日期："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="结构类型："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="建筑面积："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="中标通知书日期："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="实际开工日期："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="平米造价（元/㎡）（自行完成）："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="钢筋公里含量（kg/㎡）："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="砼公里含量量（m³/㎡）："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="模板平米含量（㎡/㎡）："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="自行完成施工图预算价款（元）："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="业主指定分包价款（元）："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="8" :sm="8">
              <a-form-model-item
                label="施工图预算总额（元）："
                prop="name"
                :labelCol="{ lg: { span: 7 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="18" :sm="8">
              <a-form-model-item
                label="承办范围："
                prop="name"
                :labelCol="{ lg: { span: 3 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 21 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="18" :sm="8">
              <a-form-model-item
                label="编制说明："
                prop="name"
                :labelCol="{ lg: { span: 3 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 21 }, sm: { span: 17 } }"
              >
                <span>{{}}xxxx</span>
              </a-form-model-item>
            </a-col>
            <a-col :md="18" :sm="8">
              <a-form-model-item
                label="附件上传"
                :labelCol="{ lg: { span: 3 }, sm: { span: 5 } }"
                :wrapperCol="{ lg: { span: 18 }, sm: { span: 17 } }"
              >
                <div class="file-flex">
                  <a href="www.baidu.com" v-for="item in file_array" :key="item">
                    {{ item.name }}
                    <span>查看</span>
                    <span>下载</span>
                  </a>
                </div>
              </a-form-model-item>
            </a-col>
          </a-row>
        </a-form-model>
      </div>
    </template>
  </base-breadcrumb>
</template>

<script>
import { findList } from '@/api/businessAffairs/lumpSumBudget'
export default {
    name:'a'+Date.now(),
    mounted() {
      const id = this.$route.query.id
        if (id) {
            findList({id}).then((res) => {
                this.form = res.data
            })
        }
    },
    data() {
        return {
            file_array: [
                {
                    name: 'xxx项目文件',
                },
                {
                    name: 'cc项目附件',
                },
            ],
            form: {
                branchComName: '',
                projectName: '',
                name: '',
            },
        }
    },
    methods: {},
}
</script>

<style lang="less">
.file-flex {
    a {
        width: auto;
        display: flex;
        justify-content: space-around;
    }
}
</style>